<template>
  <div class="text-only-button" @click="clickFunction">
    <p>{{text}}</p>
  </div>
</template>

<script>
export default {
  name: "TextOnlyButtonComponent",
  props:{
    text:String,
    clickFunction:Function
  }
}
</script>

<style scoped>
.text-only-button{
  text-align: center;
  display: inline;
  font-size: smaller;
  text-decoration:underline #2c3e50;
}
</style>